<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <!-- 设置视口-->
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <!-- 导入css-->
    <link rel="stylesheet" href="../css/bootstrap.css"/>
    <link rel="stylesheet" href="css/comm.css"/>
    <link rel="stylesheet" href="css/header.css"/>
    <!-- 导入3个js，有顺序要求-->
    <script src="../js/jquery.min.js"></script>
    <script src="../js/popper.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>


</head>
<body>
<header></header>
<div class="container">
 <div class="row">
     <div class="col-lg-3 col-md-12 px-0">
         <a href="" class="navbar-bard"><img src="../img/header/logo.png" alt="加载失败"/></a>
     </div>
     <div class="col-lg-6 col-md-12 px-0">
         <div class=" input-group mt-1">
             <input type="text" class="form-control p-0"/>
             <img src="../img/header/search.png" alt="加载失败"/>
         </div>
     </div>
     <div class="col-lg-3 col-md-12 mt-2 p-0">
         <ul class="breadcrumb p-0 px-lg-2">
            <li class="breadcrumb-item">
                <a href="#"><img src="../img/header/care.png" alt=""/></a>
            </li>
            <li class="breadcrumb-item">
                <a href="#"><img src="../img/header/order.png" alt=""/></a>
            </li>
            <li class="breadcrumb-item">
                <a href="#"><img src="../img/header/shop_car.png" alt=""/></a>
            </li>
            <li class="breadcrumb-item ">
                <a href="#" class="my_small text-muted">注册</a>
            </li>
            <li class="breadcrumb-item">
                <a href="#" class="my_small text-muted">登录</a>
            </li>
         </ul>
     </div>
 </div>
    <ul class="nav">
        <li class="nav-item"><a  href="" class="nav-link text-muted">首页</a></li>
        <li class="nav-item"><a  href="" class="nav-link text-muted">学习用品</a></li>
        <li class="nav-item"><a  href="" class="nav-link text-muted">私人订制</a></li>
    </ul>
</div>
<footer></footer>
</body>
</html>